<template>
  <div>
    <span  v-for="(item,index) in list" :key="index">
      <input type="checkbox" :value="item" id="" v-model="arr">{{item}}
   </span>
    <ul v-for="(item,index) in arr" :key="index">
    <li>{{item}}</li>
  </ul>
  </div>
</template>
  
<script>
export default {
data(){
  return{
    list:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
    arr:[]
  }
}
}
</script>

<style>

</style>  